<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <title>标题</title>
    <link rel="stylesheet" href="detail_phone.css">
    <script src="../static/jquery-1.11.1.min.js"></script>
</head>
<body>
    <h3></h3>
    <h5></h5>
    <div>
        <p class="synopsis"></p>
    </div>
</body>
<script>
	var interval;
	function timing(){
	    var d = new Date("1111/1/1,00:00:0");
	    interval = setInterval(function() {
	        var h = d.getHours();
	        var m = d.getMinutes();
	        var s = d.getSeconds();
	        h = h < 10 ? "0" + h : h;
	        m = m < 10 ? "0" + m : m;
	        s = s < 10 ? "0" + s : s;
	        /* $('.read-time').html(h+":"+m+":"+s); */
	        if (s == 59 && m<20) {
	            $.ajax({
	        		type:"post",  
	        		data:{"articleId":articleId,"id":GetQueryString("id")},
	                url:"/diconet/cms/study/addStudyTime",
	                dataType: "json",  
	                success: function (data) {  
	                },
	                error:function(){
	                },
	        	});
	            //                        clearInterval(interval);
	        }
	        d.setSeconds(Number(s) + 1);
	    }, 1000);
	}
	function GetQueryString(name){
	     var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
	     var r = window.location.search.substr(1).match(reg);
	     if(r!=null){
	    	 return  unescape(r[2]);
	     }else{
	     	 return null;
	     }
	};
	$.ajax({
    	type:"post",
    	data:{"articleId":GetQueryString("articleId")},
    	url:"/diconet/mob/articleDetailMob",
    	success:function(data){
    		var title=data.data.title;
    		var time=data.data.publishDate;
    		var content=data.data.content;
    		$('h3').html(title);
    		$('h5').html(time);
    		$('.synopsis').html(content);
    	}
    });
</script>
</html>